<extend name="Layout:layout" />
<block name="head_after">
    <link href="__THEME__css/index.css" rel="stylesheet" type="text/css" />
    <script src="__THEME__js/easing.js" type="text/javascript"></script>
    <script src="__THEME__js/ScrollPic.js" type="text/javascript"></script>
    <script src="__THEME__js/slide.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#slideUl").slide({
                li_size: 1, //每次滚动li个数,默认一屏
                speed: 2000, //速度：数值越大，速度越慢（毫秒）默认500
                timer: 4000, //不需要自动滚动删掉该参数
                li_w: 1000, //每个li的宽度（包括border,margin,padding,都要算进去）
                left: "sildeLeft",
                right: "sildeRight"
            });
            $("#slideUl_bimg").slide({
                li_size: 1, //每次滚动li个数,默认一屏
                speed: 2000, //速度：数值越大，速度越慢（毫秒）默认500
                timer: 4000, //不需要自动滚动删掉该参数
                li_w: 1500, //每个li的宽度（包括border,margin,padding,都要算进去）
                left: "sildeL",
                right: "sildeR"
            });
        });
    </script>
    <style>
        li { list-style: none; }
        .float_layer { width: 90px; display:none; background: #eee; }
        .float_layer h2 {text-align: left;  height: 25px; line-height: 25px; padding-left: 10px; font-size: 14px; color: #333; background: url(__THEME__images/title_bg.gif) repeat-x; border-bottom: 1px solid #aaaaaa; position: relative; }
        .float_layer h2 strong{text-align: left; }
        .float_layer .min { width: 21px; height: 20px; background: url(__THEME__images/min.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
        .float_layer .min:hover { background: url(__THEME__images/min.gif) no-repeat 0 0; }
        .float_layer .max { width: 21px; height: 20px; background: url(images/max.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
        .float_layer .max:hover { background: url(__THEME__images/max.gif) no-repeat 0 0; }
        .float_layer .close { width: 21px; height: 20px; background: url(__THEME__images/close.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 3px; }
        .float_layer .close:hover { background: url(__THEME__images/close.gif) no-repeat 0 0; }
        .float_layer .content { overflow: hidden; font-size: 14px; line-height: 18px; color: #666; text-indent: 0px; }
        .float_layer .wrap { padding: 10px 0px 10px 0px; }
    </style>

    <script type="text/javascript">
        function miaovAddEvent(oEle, sEventName, fnHandler)
        {
            if (oEle.attachEvent) {
                oEle.attachEvent('on' + sEventName, fnHandler);
            } else
            {
                oEle.addEventListener(sEventName, fnHandler, false);
            }
        }
        window.onload = function ()
        {
            var oDiv = document.getElementById('miaov_float_layer');
            var oBtnMin = document.getElementById('btn_min');
            var oBtnClose = document.getElementById('btn_close');
            var oDivContent = oDiv.getElementsByTagName('div')[0];
            var iMaxHeight = 0;
            var isIE6 = window.navigator.userAgent.match(/MSIE 6/ig) && !window.navigator.userAgent.match(/MSIE 7|8/ig);
            oDiv.style.display = 'block';
            iMaxHeight = oDivContent.offsetHeight;
            if (isIE6)
            {
                oDiv.style.position = 'absolute';
                repositionAbsolute();
                miaovAddEvent(window, 'scroll', repositionAbsolute);
                miaovAddEvent(window, 'resize', repositionAbsolute);
            } else
            {
                oDiv.style.position = 'fixed';
                repositionFixed();
                miaovAddEvent(window, 'resize', repositionFixed);
            }
            if (oBtnMin) {
                oBtnMin.timer = null;
                oBtnMin.isMax = true;
                oBtnMin.onclick = function ()
                {
                    startMove
                            (
                                    oDivContent, (this.isMax = !this.isMax) ? iMaxHeight : 0,
                                    function ()
                                    {
                                        oBtnMin.className = oBtnMin.className == 'min' ? 'max' : 'min';
                                    }
                            );
                };
            }
            oBtnClose.onclick = function ()
            {
                oDiv.style.display = 'none';
            };
        };
        function startMove(obj, iTarget, fnCallBackEnd)
        {
            if (obj.timer)
            {
                clearInterval(obj.timer);
            }
            obj.timer = setInterval
                    (
                            function ()
                            {
                                doMove(obj, iTarget, fnCallBackEnd);
                            }, 30
                            );
        }
        function doMove(obj, iTarget, fnCallBackEnd)
        {
            var iSpeed = (iTarget - obj.offsetHeight) / 8;
            if (obj.offsetHeight == iTarget)
            {
                clearInterval(obj.timer);
                obj.timer = null;
                if (fnCallBackEnd)
                {
                    fnCallBackEnd();
                }
            } else
            {
                iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
                obj.style.height = obj.offsetHeight + iSpeed + 'px';
                ((window.navigator.userAgent.match(/MSIE 6/ig) && window.navigator.userAgent.match(/MSIE 6/ig).length == 2) ? repositionAbsolute : repositionFixed)()
            }
        }
        function repositionAbsolute()
        {
            var oDiv = document.getElementById('miaov_float_layer');
            var left = document.body.scrollLeft || document.documentElement.scrollLeft;
            var top = document.body.scrollTop || document.documentElement.scrollTop;
            var width = document.documentElement.clientWidth;
            var height = document.documentElement.clientHeight;
            oDiv.style.left = left + width - oDiv.offsetWidth + 'px';
            oDiv.style.top = top + height - oDiv.offsetHeight + 'px';
        }
        function repositionFixed()
        {
            var oDiv = document.getElementById('miaov_float_layer');
            var width = document.documentElement.clientWidth;
            var height = document.documentElement.clientHeight;
            oDiv.style.left = width - oDiv.offsetWidth + 'px';
            oDiv.style.top = height - oDiv.offsetHeight + 'px';
        }
    </script>
</block>
<block name="body_main">
    <div class="bimg" style="width:1001px; overflow: hidden;">
        <div id="slideUl_bimg" class="bimg_list">
            <ul class="clearfix">
                <advertising_content:get_list code="SY_JDT_RM1" remark="首页第1轮播焦点图">
                    <li><a href="{$vo.link_url}" target="_blank" title="{$vo.title}"><img src="{$vo.file_path}" alt="{$vo.title}" /></a></li>                    
                </advertising_content:get_list>
                <!--
                <li><a href="/BrandMarket/Towels.aspx?id=28fb4213-937e-4a5d-83a5-1668b9172eac" ><img src="__THEME__images/20131218155413482.jpg" alt="" /></a></li>
                <li><a href="/BrandMarket/Towels.aspx?id=2fbbb18f-370a-4c31-8962-aabf2ccf2f88" ><img src="__THEME__images/20131218160232123.jpg" alt="" /></a></li>
                <li><a href="/BrandMarket/Towels.aspx?id=28fb4213-937e-4a5d-83a5-1668b9172eac" ><img src="__THEME__images/20131218160244529.jpg" alt="" /></a></li>
                <li><a href="/BrandMarket/Towels.aspx?id=2fbbb18f-370a-4c31-8962-aabf2ccf2f88" ><img src="__THEME__images/20131218160255920.jpg" alt="" /></a></li>
                <li><a href="/BrandMarket/Towels.aspx?id=28fb4213-937e-4a5d-83a5-1668b9172eac" ><img src="__THEME__images/20131218160305936.jpg" alt="" /></a></li>
                <li><a href="/BrandMarket/Towels.aspx?id=2fbbb18f-370a-4c31-8962-aabf2ccf2f88" ><img src="__THEME__images/20131218160317451.jpg" alt="" /></a></li>
                <li><a href="/BrandMarket/Towels.aspx?id=28fb4213-937e-4a5d-83a5-1668b9172eac" ><img src="__THEME__images/20131218160329326.jpg" alt="" /></a></li>
                <li><a href="/BrandMarket/Towels.aspx?id=2fbbb18f-370a-4c31-8962-aabf2ccf2f88" ><img src="__THEME__images/20131218160338889.jpg" alt="" /></a></li>
                -->
            </ul>
        </div>
        <div id="sildeL" class="btn_left">
            <img src="__THEME__images/index_left.png" alt="left" />
        </div>
        <div id="sildeR" class="btn_right">
            <img src="__THEME__images/index_right.png" alt="right" />
        </div>
    </div>
    <div class="main">
        <div class="main_left">
            <div class="main_list">
                <ul>
                    <advertising_content:get_list code="SY_B2" remark="首页2栏4图通屏">
                        <li style="position:relative;">
                            <a href="{$vo.link_url}" target="_blank" title="{$vo.title}"><img src="{$vo.file_path}" alt="{$vo.title}" /></a>
                            <div style="position:absolute; width:100%; bottom:0; background: #666; opacity:0.8; padding:5px;"><a href="{$vo.link_url}" target="_blank" title="{$vo.title}" style="color:#FFF;">{$vo.title}</a></div>
                        </li>                    
                    </advertising_content:get_list>
                    <!--
                    <li>
                        <div>
                            <p class="maojin">
                                <a href="/BrandMarket/Towels.aspx?id=d7328efd-cdb7-4b97-8f4b-7b9552b18a7c"><img src="__THEME__images/main_list_1.jpg" alt="毛巾产品" /></a>
                            </p>
                        </div>
                        <p class="main_name pro_mj">毛巾产品</p>
                    </li>
                    <li class="center">
                        <div>
                            <p class="chuangpin">
                                <a href="/BrandMarket/Towels.aspx?id=60c11506-366c-426d-9dbd-b2129fdb1084"><img src="__THEME__images/main_list_2.jpg" alt="床上用品" /></a>
                            </p>

                        </div>
                        <p class="main_name pro_cp">床上用品</p>
                    </li>
                    <li>
                        <div>
                            <p class="buyi">
                                <a href="/BrandMarket/Towels.aspx?id=b15e8124-98ec-4d6d-a632-e66848770f3b"><img src="__THEME__images/main_list_3.jpg" alt="布艺产品" /></a>
                            </p>

                        </div>
                        <p class="main_name pro_by">装饰布艺</p>
                    </li>
                    <li>
                        <div>
                            <p class="buyi">
                                <a href="/BrandMarket/Towels.aspx?id=b15e8124-98ec-4d6d-a632-e66848770f3b"><img src="__THEME__images/main_list_3.jpg" alt="布艺产品" /></a>
                            </p>

                        </div>
                        <p class="main_name pro_by">装饰布艺</p>
                    </li>
                    -->
                </ul>
            </div>
        </div>
    </div>
    <div class="bottom clearfix">
        <div class="bottom_left">
            <p class="bottom_title"><span class="bottom_news_on">公司新闻</span></p>
            <p class="bottom_more"><a href="{:U('News/news','cid=5')}">了解更多...</a></p>
            <div class="bottom_news">
                <div class="bottom_list clearfix">
                    <div class="bottom_img">
                        <p class="pic_img">                            
                        <advertising_content:get_list code="SY_GSXWDD" remark="首页公司新闻导读1图">
                            <a href="{$vo.link_url}" target="_blank" title="{$vo.title}"><img src="{$vo.file_path}" alt="{$vo.title}" /></a>                
                        </advertising_content:get_list>
                        <!--<a href="/News/NewsDetail.aspx?nid=102a4a6a-bd05-4a9a-8326-af3faf020c19&cid=555fbaf6-d62d-40da-a35e-973a8a00c0fb"><img src="__THEME__images/201607290931117500.jpg" alt="公司新闻图片" /></a>-->
                        </p>
                    </div>
                    <div class="bottom_main">
                        <ul>
                            <document:get_list code="pinpaiwinwen" limit="6" remark="">
                                <li><a href="{:U('News/news_detail','id='.$vo['id'])}"  title="{$vo.title}">{$vo.title|sofn_msubstr=###,0,20,'...'}</a></li>                                
                            </document:get_list>
                            <!--
                            <li><a href="/News/NewsDetail.aspx?nid=102a4a6a-bd05-4a9a-8326-af3faf020c19&cid=555fbaf6-d62d-40da-a35e-973a8a00c0fb"  title="孚日控股集团二〇一六年管理人员工作会议隆重召开">孚日控股集团二〇一六年管理人员工作会议隆...</a></li>
                            <li><a href="/News/NewsDetail.aspx?nid=eb9c64cb-5a46-4f4c-be9a-aaf082bc7477&cid=555fbaf6-d62d-40da-a35e-973a8a00c0fb"  title="国家工商总局和省市领导调研丝纶堂党建">国家工商总局和省市领导调研丝纶堂党建</a></li>
                            <li><a href="/News/NewsDetail.aspx?nid=2a35e43b-3135-4988-8104-87be58c44736&cid=555fbaf6-d62d-40da-a35e-973a8a00c0fb"  title="丝纶堂荣膺“全国纺织工业先进集体“称号">丝纶堂荣膺“全国纺织工业先进集体“称号</a></li>
                            <li><a href="/News/NewsDetail.aspx?nid=bc0fd2db-3ecf-4e62-94b0-3ac669e04bb0&cid=555fbaf6-d62d-40da-a35e-973a8a00c0fb"  title="千里驰援 | 丝纶堂向贵州黎平灾区捐赠冬被和床品">千里驰援 | 丝纶堂向贵州黎平灾区捐赠...</a></li>
                            <li><a href="/News/NewsDetail.aspx?nid=fa4e08e8-37c9-4afd-9af5-9fa5b31e8c7c&cid=555fbaf6-d62d-40da-a35e-973a8a00c0fb"  title="丝纶堂举行单身青年联谊活动">丝纶堂举行单身青年联谊活动</a></li>
                            -->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom_right">
            <p class="bottom_title"><span class="bottom_active_off">公司公告</span></p>
            <p class="bottom_more"><a href="{:U('News/news','cid=6')}">了解更多...</a></p>
            <div class="bottom_news">
                <div class="bottom_list clearfix">
                    <div class="bottom_img">
                        <p class="pic_img">
                        <advertising_content:get_list code="SY_GSGGDD" remark="首页公司公告导读1图">
                            <a href="{$vo.link_url}" target="_blank" title="{$vo.title}"><img src="{$vo.file_path}" alt="{$vo.title}" /></a>                
                        </advertising_content:get_list>
                        <!--<a href="/News/NewsDetail.aspx?nid=3561dca5-06f9-4194-b5e5-8006a2aedd58&cid=ca9aad25-a9bb-47f1-b08b-311e4167d23e"><img src="__THEME__images/201605251038447295.jpg" alt="品牌活动图片" /></a>-->
                        </p>
                    </div>
                    <div class="bottom_main">
                        <ul>
                            <document:get_list code="wangzhangonggao" limit="6" remark="">
                                <li><a href="{:U('News/news_detail','id='.$vo['id'])}"  title="{$vo.title}">{$vo.title|sofn_msubstr=###,0,20,'...'}</a></li>                                
                            </document:get_list>
                            <!--
                            <li><a href="/News/NewsDetail.aspx?nid=3561dca5-06f9-4194-b5e5-8006a2aedd58&cid=ca9aad25-a9bb-47f1-b08b-311e4167d23e" title="丝纶堂荣登中国纺织品服装出口企业百强榜第25位">丝纶堂荣登中国纺织品服装出口企业百强榜...</a></li>
                            <li><a href="/News/NewsDetail.aspx?nid=b0da891a-1f17-44cc-bf8e-8e4523fa0587&cid=ca9aad25-a9bb-47f1-b08b-311e4167d23e" title="争艳家纺展，孚日“A+生活”再吸睛">争艳家纺展，孚日“A+生活”再吸睛</a></li>
                            <li><a href="/News/NewsDetail.aspx?nid=62ae065f-a64e-4b82-a060-b33e9c28adf9&cid=ca9aad25-a9bb-47f1-b08b-311e4167d23e" title="丝纶堂2016年营销峰会吹响集结号">丝纶堂2016年营销峰会吹响集结号</a></li>
                            <li><a href="/News/NewsDetail.aspx?nid=ed7ee03f-3d3a-43e2-8429-530ab42fe7b8&cid=ca9aad25-a9bb-47f1-b08b-311e4167d23e" title="“孚日号”彩车亮相展演引瞩目">“孚日号”彩车亮相展演引瞩目</a></li>
                            <li><a href="/News/NewsDetail.aspx?nid=9a94dc7d-4999-431f-b220-9e1914671de7&cid=ca9aad25-a9bb-47f1-b08b-311e4167d23e" title="孚日形象亮相法兰克福家纺展">孚日形象亮相法兰克福家纺展</a></li>
                            -->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="__THEME__js/index.js" type="text/javascript"></script>

    <div class="float_layer" id="miaov_float_layer">
        <h2>
            <strong>官方微信</strong>
            <!--<a id="btn_min" href="javascript:;" class="min"></a>-->
            <a id="btn_close" href="javascript:;" class="close"></a>
        </h2>
        <div class="content">
            <div class="wrap">
                <a><img src="__THEME__images/erweima.png" alt="丝纶堂" width="86" /></a>
            </div>
        </div>
    </div>
</block>